/* tslint:disable */

/* eslint-disable */
import React, { FC } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { helpers } from '@td-design/react-native';

import { getIconColor } from './helper';

const { px } = helpers;

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  width?: number | string;
  height?: number | string;
  color?: string | string[];
}

let IconWechat: FC<SvgIconProps> = ({ size, width = size, height = size, color, ...rest }) => {
  const xml = `
<svg width="24" height="22" viewBox="0 0 24 22"  xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.8723 7.75696C12.8791 7.75696 9.73535 10.5965 9.73535 14.0795C9.73535 17.5671 12.8791 20.3998 16.8723 20.3998C17.7077 20.3998 18.5505 20.1817 19.39 19.9636L21.6921 21.2722L21.0607 19.0943C22.7446 17.7831 23.9999 16.0429 23.9999 14.0795C23.9999 10.5965 20.6433 7.75696 16.8723 7.75696ZM18.3407 12.117C18.3407 11.6839 18.7592 11.2462 19.1745 11.2462C19.8027 11.2462 20.2243 11.6839 20.2243 12.117C20.2243 12.5579 19.8027 12.9889 19.1745 12.9889C18.7592 12.9889 18.3406 12.5579 18.3406 12.117H18.3407ZM14.5588 11.2462C14.1408 11.2462 13.7197 11.6839 13.7197 12.117C13.7197 12.5579 14.1408 12.9889 14.5588 12.9889C15.1933 12.9889 15.6086 12.5579 15.6086 12.117C15.6086 11.6839 15.1933 11.2462 14.5588 11.2462Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.8573 7.03692C16.131 3.52739 12.5166 0.920044 8.39031 0.920044C3.77771 0.920044 0 4.18379 0 8.3289C0 10.7202 1.25646 12.6853 3.35719 14.2094L2.51813 16.8298L5.45109 15.303C5.6195 15.3375 5.78255 15.3721 5.94193 15.406L5.94195 15.406L5.94197 15.406C6.77664 15.5833 7.51099 15.7393 8.39031 15.7393C8.6538 15.7393 8.91521 15.7262 9.17453 15.7048C9.01016 15.1225 8.91521 14.5125 8.91521 13.8801C8.91521 10.0742 12.0621 6.98577 16.0491 6.98577C16.3209 6.98577 16.5902 7.00614 16.8573 7.03692ZM4.40125 5.71109C4.40125 5.0552 5.03573 4.62421 5.66448 4.62421C6.29375 4.62421 6.71172 5.0552 6.71172 5.71109C6.71172 6.36385 6.29375 6.80161 5.66448 6.80161C5.03573 6.80161 4.40125 6.36385 4.40125 5.71109ZM11.5372 6.80161C12.1691 6.80161 12.587 6.36385 12.587 5.71109C12.587 5.0552 12.1691 4.62421 11.5372 4.62421C10.9084 4.62421 10.2776 5.0552 10.2776 5.71109C10.2776 6.36385 10.9084 6.80161 11.5372 6.80161Z" fill="${getIconColor(
    color,
    1,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={width} height={height} {...rest} />;
};

IconWechat.defaultProps = {
  size: px(16),
};

IconWechat = React.memo ? React.memo(IconWechat) : IconWechat;

export default IconWechat;
